﻿<%@ Page Title="" Language="C#" MasterPageFile="~/MainSite.Master" AutoEventWireup="true" CodeBehind="BSCTreeList.aspx.cs" Inherits="BSCMFF.Web.Pages.BSCTreeList" %>
<%@ Register assembly="Telerik.Web.UI" namespace="Telerik.Charting" tagprefix="telerik" %>
<asp:Content ID="Content1" ContentPlaceHolderID="MainContent" runat="server">
    <telerik:RadAjaxLoadingPanel ID="RadAjaxLoadingPanel1" runat="server" Skin="Default">
    </telerik:RadAjaxLoadingPanel>
<%--<telerik:RadAjaxPanel ID="RadAjaxPanel1" runat="server" LoadingPanelID="RadAjaxLoadingPanel1" >--%>
    <telerik:RadAjaxManagerProxy ID="RadAjaxManagerProxy1" runat="server" >
        <AjaxSettings>
            <telerik:AjaxSetting AjaxControlID="RadCalendar1">
                <UpdatedControls>
                    <telerik:AjaxUpdatedControl ControlID="RadTreeList1" 
                        LoadingPanelID="RadAjaxLoadingPanel1" />
                </UpdatedControls>
            </telerik:AjaxSetting>
            <telerik:AjaxSetting AjaxControlID="RadTreeList1">
                <UpdatedControls>
                    <telerik:AjaxUpdatedControl ControlID="DKPI" 
                        LoadingPanelID="RadAjaxLoadingPanel1" />
                    <telerik:AjaxUpdatedControl ControlID="RadChart1" 
                        LoadingPanelID="RadAjaxLoadingPanel1" />
                </UpdatedControls>
            </telerik:AjaxSetting>
        </AjaxSettings>

    </telerik:RadAjaxManagerProxy>
    <div>
        <div style="float:left; width: 550px; height: 175px;">
            <telerik:RadChart ID="RadChart1" runat="server" DefaultType="Line" Skin="Vista" 
                Height="177px" Width="525px">
            <%--<Appearance Corners="Round, Round, Round, Round, 7">--%>
            <Appearance>
                <FillStyle FillType="ComplexGradient">
                    <FillSettings>
                        <ComplexGradient>
                            <telerik:GradientElement Color="243, 253, 255" />
                            <telerik:GradientElement Color="White" Position="0.5" />
                            <telerik:GradientElement Color="243, 253, 255" Position="1" />
                        </ComplexGradient>
                    </FillSettings>
                </FillStyle>
                <Border Color="212, 221, 222" />
            </Appearance>
            <Series>
    <telerik:ChartSeries Name="Series 1" Type="Line">
        <Appearance>
            <FillStyle MainColor="186, 207, 141" SecondColor="146, 176, 83">
                <FillSettings GradientMode="Vertical">
                    <ComplexGradient>
                        <telerik:GradientElement Color="213, 247, 255" />
                        <telerik:GradientElement Color="193, 239, 252" Position="0.5" />
                        <telerik:GradientElement Color="157, 217, 238" Position="1" />
                    </ComplexGradient>
                </FillSettings>
            </FillStyle>
            <TextAppearance TextProperties-Color="89, 89, 89">
            </TextAppearance>
            <Border Color="" />
        </Appearance>
                </telerik:ChartSeries>
    <telerik:ChartSeries Name="Series 2" Type="Line">
        <Appearance>
            <FillStyle MainColor="235, 140, 104" SecondColor="214, 110, 90">
                <FillSettings GradientMode="Vertical">
                    <ComplexGradient>
                        <telerik:GradientElement Color="218, 254, 122" />
                        <telerik:GradientElement Color="198, 244, 80" Position="0.5" />
                        <telerik:GradientElement Color="153, 205, 46" Position="1" />
                    </ComplexGradient>
                </FillSettings>
            </FillStyle>
            <TextAppearance TextProperties-Color="89, 89, 89">
            </TextAppearance>
            <Border Color="" />
        </Appearance>
                </telerik:ChartSeries>
    </Series>
            <Legend>
                <Appearance Dimensions-Margins="1px, 1%, 10%, 1px">
                    <ItemTextAppearance TextProperties-Color="86, 88, 89">
                    </ItemTextAppearance>
                    <ItemMarkerAppearance Figure="Rectangle">
                    </ItemMarkerAppearance>
                    <FillStyle MainColor="">
                    </FillStyle>
                    <Border Color="" />
                </Appearance>
                <TextBlock>
                    <Appearance Position-AlignedPosition="Top" TextProperties-Color="86, 88, 89">
                    </Appearance>
                </TextBlock>
            </Legend>
            <PlotArea>
                <XAxis>
                    <Appearance Color="134, 134, 134" MajorTick-Color="134, 134, 134">
                        <MajorGridLines Color="196, 196, 196" Width="0" />
                        <TextAppearance TextProperties-Color="89, 89, 89">
                        </TextAppearance>
                    </Appearance>
                    <AxisLabel>
                        <Appearance Dimensions-Paddings="1px, 1px, 10%, 1px">
                        </Appearance>
                        <TextBlock>
                            <Appearance TextProperties-Color="51, 51, 51">
                            </Appearance>
                        </TextBlock>
                    </AxisLabel>
                </XAxis>
                <YAxis>
                    <Appearance Color="134, 134, 134" MajorTick-Color="196, 196, 196" 
                        MinorTick-Color="196, 196, 196">
                        <MajorGridLines Color="196, 196, 196" />
                        <MinorGridLines Color="196, 196, 196" Width="0" />
                        <TextAppearance TextProperties-Color="89, 89, 89">
                        </TextAppearance>
                    </Appearance>
                    <AxisLabel>
                        <TextBlock>
                            <Appearance TextProperties-Color="220, 158, 119">
                            </Appearance>
                        </TextBlock>
                    </AxisLabel>
                </YAxis>
                <Appearance Dimensions-Margins="19%, 90px, 12%, 9%">
                    <FillStyle MainColor="Transparent" SecondColor="Transparent">
                    </FillStyle>
                    <Border Color="WhiteSmoke" />
                </Appearance>
            </PlotArea>
            <ChartTitle>
                <Appearance Dimensions-Margins="3%, 1px, 1px, 6%">
                    <FillStyle MainColor="">
                    </FillStyle>
                </Appearance>
                <TextBlock Text="Progress">
                    <Appearance TextProperties-Color="86, 88, 89" 
                        TextProperties-Font="Verdana, 22px">
                    </Appearance>
                </TextBlock>
            </ChartTitle>
        </telerik:RadChart>
        </div>
        <div style="left:8px">
            <telerik:RadCalendar ID="RadCalendar1" runat="server" SelectedDate='<%# DateTime.Today %>'
                onselectionchanged="RadCalendar1_SelectionChanged" AutoPostBack="True" 
                CultureInfo="sk-SK" EnableMultiSelect="False" ViewSelectorText="x">
            </telerik:RadCalendar>

        </div>
    </div>
    <br />
    <div>
    <telerik:RadTreeList ID="RadTreeList1" runat="server" OnNeedDataSource="RadTreeList1_NeedDataSource"
        ParentDataKeyNames="ParentID" DataKeyNames="ID" 
        AutoGenerateColumns="False" AllowSorting="True" 
        onitemdatabound="RadTreeList1_ItemDataBound" onitemcommand="RadTreeList1_ItemCommand"         
        Width="85%" Visible="true"
        >
        <Columns>
            <telerik:TreeListTemplateColumn DataField="Name" UniqueName="Name" HeaderText="Name" >
                <ItemTemplate>
                    <asp:Image ID="img" runat="server" ImageUrl="~/Images/Symbols-Delete-icon.png" />
                    <%# Eval("Name")%><%--<%# Eval("Quantity").ToString() != "" ? "&nbsp;(" + Eval("Quantity").ToString() + ")" : ""%>--%>
                </ItemTemplate>
                <HeaderStyle Width="150px" />
            </telerik:TreeListTemplateColumn>
            <telerik:TreeListBoundColumn DataField="Name" UniqueName="Name2" HeaderText="Name2" Visible="false" />
            
            <telerik:TreeListBoundColumn DataField="Progress" UniqueName="Progress" HeaderText="Progress" HeaderStyle-Width="70px"/>
            <telerik:TreeListBoundColumn DataField="Performance" UniqueName="Performance" HeaderText="Performance" HeaderStyle-Width="80px"/>
            <telerik:TreeListBoundColumn DataField="Current" UniqueName="Current" HeaderText="Current" HeaderStyle-Width="60px"/>
            <telerik:TreeListBoundColumn DataField="Start" UniqueName="Start" HeaderText="Start" HeaderStyle-Width="60px"/>
            <telerik:TreeListBoundColumn DataField="Target" UniqueName="Target" HeaderText="Target" HeaderStyle-Width="60px" />
            <telerik:TreeListBoundColumn DataField="Weight" UniqueName="Weight" HeaderText="Weight" HeaderStyle-Width="60px" 
                                         ItemStyle-HorizontalAlign="Center"/>
            <telerik:TreeListBoundColumn DataField="Min" UniqueName="Min" HeaderText="Min" HeaderStyle-Width="35px" />
            <telerik:TreeListBoundColumn DataField="Max" UniqueName="Max" HeaderText="Max" HeaderStyle-Width="35px"/>
            <telerik:TreeListBoundColumn DataField="OrigID" UniqueName="ID" HeaderText="ID" Visible="false" />
            <telerik:TreeListBoundColumn DataField="ItemType" UniqueName="ItemType" HeaderText="ItemType" Visible="false" />

            <%--<telerik:TreeListBoundColumn DataField="ParentID" UniqueName="ParentID" HeaderText="Parent Category ID" />--%>
            <telerik:TreeListTemplateColumn >
                <HeaderTemplate>
                    Details
                </HeaderTemplate>
                <ItemTemplate>
                    <telerik:RadButton ID="SelectButton" runat="server"  CommandName="Select"                          
                    Visible="true" Height="16px" Width="16px"  >
                        <Image ImageUrl="~/Images/magnifier.png" />
                    </telerik:RadButton>
                </ItemTemplate>
                <HeaderStyle Width="50px" />
            </telerik:TreeListTemplateColumn>
        </Columns>
        <%--<EditFormSettings EditFormType="Template" >
        </EditFormSettings>--%>

    </telerik:RadTreeList>
    </div>
    

  <%--  <div>
    <telerik:RadCalendar ID="RadCalendar1" runat="server" SelectedDate='<%# DateTime.Today %>'
        onselectionchanged="RadCalendar1_SelectionChanged" AutoPostBack="True" 
        CultureInfo="sk-SK" EnableMultiSelect="False" ViewSelectorText="x">
    </telerik:RadCalendar>
    </div>--%>
    <bsc:DetailsKPI ID="DKPI" runat="server" Visible="false"/>
<%--    <bsc:DetailsPerspective ID="DPerspective" runat="server" Visible="false"/>--%>
    
<%--</telerik:RadAjaxPanel>--%>
    
<%--<asp:EntityDataSource ID="EntityDataSourceKPIs" runat="server" 
        ConnectionString="name=BSCEntities" DefaultContainerName="BSCEntities" 
        EnableFlattening="False" EntitySetName="KPIs">
    </asp:EntityDataSource>--%>
</asp:Content>
